<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <link rel="stylesheet" href="static/css/blog/myIndex.css">
    <title>Title</title>
</head>
<body>
<div class="layui-header layui-bg-blue">
    <div class="layui-main">
        <ul class="layui-nav layui-bg-blue" lay-filter="">
            <li class="layui-nav-item layui-this"><a href="">个人首页</a></li>
            <li class="layui-nav-item"><a href="">关于我</a></li>
            <li class="layui-nav-item"><a href="">博文列表</a></li>
            <li class="layui-nav-item"><a href="">友情链接</a></li>
            <li class="layui-nav-item"><a href="">留言板</a></li>
        </ul>
    </div>
</div>
<div class="layui-main">
    <div class="layui-row">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">个人主页</div>
            </div>
        </div>
    </div>
</div>
<!--下页面布局开始-->
<div class="layui-main">
    <div class="layui-row">
        <div class="layui-col-md12">
            <!--个人信息开始-->
            <div class="layui-card">
                <div class="layui-card-header">个人信息</div>
                <div class="layui-card-body person-message">
                    <div class="header-bottom-div">
                        <img src="static/images/cloud.jpeg" class="header-img">
                    </div>
                    <div class="person-message-table">
                        <table class="message-table">
                            <tr>
                                <td><span>昵称:</span><span>XXX</span></td>
                                <td><span>性别:</span><span>XXX</span></td>
                            </tr>
                           <tr>
                               <td><span>职位:</span><span>XXX</span></td>
                               <td><span>技术方向:</span><span>XXX</span></td>
                           </tr>
                           <tr>
                               <td><span>个人介绍:</span><span>这里就是测试内容</span></td>
                           </tr>
                        </table>
                    </div>
                </div>
            </div>
            <!--文章内容开始-->
            <div class="div-body">
                <div class="layui-card div-oneBlog">
                    <div class="layui-card-header blog-title">第一个文章</div>
                    <div class="layui-card-body blog-content">我是内容</div>
                </div>
                <div class="layui-card div-oneBlog">
                    <div class="layui-card-header blog-title">第二个文章</div>
                    <div class="layui-card-body blog-content">我是内容</div>
                </div>
                <div class="layui-card div-oneBlog">
                    <div class="layui-card-header blog-title">第三个文章</div>
                    <div class="layui-card-body blog-content">我是内容</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="static/layui/layui.all.js"></script>
<script src="static/js/jquery-3.3.1.min.js"></script>
</body>
</html>